<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  }
}
</script>
<style lang="scss">
#app .sidebar-container {
  width: 230px !important;
}

#app .sidebar-container .el-menu-item,
#app .sidebar-container .el-submenu__title {
  text-overflow: unset !important;
}

#app .main-container {
  margin-left: 230px;
}

.el-textarea.is-disabled .el-textarea__inner, .el-input.is-disabled .el-input__inner {
    background-color: #e5e5e5 !important;
    border-color: #dfe4ed !important;
    color: #a5a6a7 !important;
    cursor: not-allowed;
}
// .el-picker-panel__body-wrapper{
//     margin-left:30px
//   }

  .el-menu--popup{
  width:210px !important
}
.el-menu--popup-bottom-start{
  // margin-left: 228px !important;
  margin:-44px 0 0 228px !important;
  padding:0 0 0 0px !important;
}
.el-autocomplete-suggestion li{
  padding:0 0 0 5px !important;
  font-size:12px !important
}
.svg-icon{
  margin-right: 10px !important;
}

.el-menu.el-menu--popup {
  min-height: 180px;
}
</style>
